import React, { Component } from "react"
import ListItem from "../ListItem/ListItem"
// export default class List extends Component {
//   render() {
//     return (
//       <ul>
//         {this.props.todoList.map((i) => {
//           return (
//             <ListItem key={i.id} data={i} deleleItem={this.props.deleleItem} />
//           )
//         })}
//       </ul>
//     )
//   }
// }

export default function List({ todoList, deleleItem }) {
  return (
    <ul>
      {todoList.map((i) => {
        return <ListItem key={i.id} data={i} deleleItem={deleleItem} />
      })}
    </ul>
  )
}
